<template>
	<rui-pages>
		<view class="layout">
			<rui-card title="设备状态" class="status">
				<rui-status></rui-status>
			</rui-card>
			<rui-card title="系统设置" class="menu">
				<rui-menu></rui-menu>
			</rui-card>
			<rui-card class="device">
				<rui-run></rui-run>
			</rui-card>
			<rui-nav class="nav"></rui-nav>
		</view>
	</rui-pages>
</template>

<script setup>
	import {
		ref, watch
	} from 'vue';
	
	import {
		onHide
	} from "@dcloudio/uni-app"

	import {
		settingStore
	} from '@/store';
	let setting = settingStore();
	
	uni.getSystemInfo({
		success(e) {
			setting.setConfig('statusBarHeight', e.statusBarHeight)
			setting.setConfig('windowHeight', e.windowHeight - e.statusBarHeight - 80)
		}
	})
	 
	
	/**
	 * 1 传输协议格式   发送成功设备反馈
	 * 2 初始化数据 是否同步
	 * 3 参数数据是否同步硬件
	 * 4 模式逻辑
	 * 5 卡匣管理逻辑
	 * 
	 * 6 权限管理细化管理
	 * 
	 * 服务端记录数据
	 * 统计设备记录是否在线
	 * 是否同步线上配置，单独远程同步配置。
	 * 
	 * 
	 * 
	 */
	
	// import serial from '@/utils/serial';
	
	// let s1 = new serial();
	// let s2 = new serial();
	// let s3 = new serial();


	
	 
	// s1.watch = (i) => {
	// 	console.log('watch', i)
	// }
	
	// s2.watch = (i) => {
	// 	console.log('watch2', i)
	// }
	
	onHide(() => {
	
	})
	
</script>

<style lang="scss" scoped>
	.layout {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr) 100px;
		gap: 15px;
	}

	.status {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.device {}

	.menu {
		grid-column: 2 / 3;
		grid-row: 1 / 3;
	}

	.nav {
		grid-column: 1 / 3;
	}
</style>